@import "./mixin";

* {
  word-break: break-all;
  word-wrap: break-word;
  padding: 0;
  margin: 0;
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  box-sizing: border-box;
}

html, body {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  height: 100%;
}

ol, ul, li {
  list-style-type: none;
}

a {
  text-decoration: none;

  &:hover {
    text-decoration: underline;
  }
}

/************ Embedded content ************/
img {
  border: 0;
  width: auto;
  height: auto;
  max-width: 100% !important;
  max-height: 100%;
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
}

img:not([src*="/"]) {
  display: none !important;
}

svg:not(:root) {
  overflow: hidden;
}

/************ Grouping content ************/
figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
.paddBottom20{
  padding-bottom: 20px;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.borderBottom{
  border-bottom: 1px solid #e6e6e6;
}
.block {
  display: block;
}

.inline_block {
  display: inline-block;
}

.hide {
  display: none;
}

.ofh {
  overflow: hidden;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.align_left {
  text-align: left;
}

.align_center {
  text-align: center;
}

.align_right {
  text-align: right;
}

.height_100 {
  height: 100%;
}

.width_100 {
  width: 100%;
}

.nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.flex {
  display: flex;
}

.flex__item {
  flex: 1;
}

.pointer {
  cursor: pointer;
}

.backgroundCover {
  @include defaultBackgroundAttr;
}
.textCenter{
  text-align: center !important;
}
.bgWhite{
  background: #ffffff;
}
.padding10{
  padding: 20px;
}
.padding20{
  padding: 10px !important;
}
.width115{
  width: 106px;
}
.textRight{
  text-align: right;
}
.padding0{
  padding: 0 !important;
}
.imgContains{
  background-size: contain;
}
.imgContains img{
  width: 100%;
  height: 100%;
}
.marginTop20{
  margin-top: 20px !important;
}
.marginTop40{
  margin-top: 40px !important;
}
.marginBottom20{
  margin-bottom: 20px;
}
.paddingBottom20{
  padding-bottom: 20px;
}
.marginRight16{
  margin-right: 16px;
}
.marginTop27{
  margin-top: 27px;
}
.marginTop50{
  margin-top: 50px;
}
.lineHeight28{
  line-height: 28px
}
.lineHeight40{
  line-height: 40px;
}
.padding035{
  padding: 0 35px;
}
.margit035{
  margin: 0 35px;
}
.lineHeight50{
  line-height: 50px;
}
.boderBottom{
  border-bottom: 1px solid #ebebeb;
}
.boderTop{
  border-top: 1px solid #ebebeb;
}
.padding20{
  padding: 20px 0;
}
.padding30{
  padding: 30px 0;
}
.bgFd{
  background: #fdfdfd;
}
.lineHeight80{
  line-height: 80px;
}
.width100{
  width: 100%;
}
.colorWhite{
  color: #ffffff !important;
}
.lineHight90{
  line-height: 90px;
}
.margin060{
  margin: 0 60px;
}
.navtiveTop{
  border-top: 2px solid #61ccd6;
}
.width169{
  width: 150px;
  height: 150px;
}
.marginTB45{
  margin: 45px 0;
}
.colorPrimary{
  color: #5dcf96;
}
.verticalAlignSuper{
  vertical-align: super;
}
.borderRight{
  border-right: 1px solid #f2f2f2;
}
.borderLeft{
  border-left: 2px solid #5dcf96;
}
.paddingLeft15{
  padding-left: 15px;
}
.paddingLeft84{
  padding-left: 84px;
}
.size60{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
}
.font20{
  font-size: 20px;
}
.font16{
  font-size: 16px;
}
.color333{
  color: #333333;
}
.marginTop12{
  margin-top: 12px;
}
.bgfcfcfc{
  background: #f7f7f7;
}
.marginLeft50{
  margin-left: 50px;
}
.lineHeight69{
  line-height: 69px;
}
.col666{
  color: #666666;
}
.colc1{
  color: #c1c1c1;
}
.colorc1{
  color: #c1c1c1;
}
.font14{
  font-size: 14px;
}
.marginTop85{
  margin-top: 85px;
}
.lineHeight55{
  line-height: 35px !important;
}
.btn47b7c2{
  background: #47b7c2 !important;
}
.btn47b7c2:hover,
.btn47b7c2:visited{
  background: #47b8c27c !important;
}
.lineHeight60{
  line-height: 60px;
}
.size110{
  width: 100px;
  height: 100px;
}
.border{
  border: 1px solid rgba(241, 241, 241, 1);
}
.width890{
  width: 890px;
  margin: 0 auto;
}
.maginLeft170{
  margin-left: 170px;
}
.marginTop34{
  margin-top: 34px;
}
.marginTB20{
  margin: 20px 0;
}
.marginTB40{
  margin: 40px 0;
}
.height56{
  height: 56px;
  box-sizing: border-box;
}
.borderLeft0{
  border-left: 0;
}
.border0{
  border: 0;
}
.width320{
  width: 320px;
}
.size82a13{
  width: 82px;
  height: 13px;
}
.displayInlineBlock{
  display: inline-block;
}
.marginTop68{
  margin-top: 68px;
}
.width1186{
  width: 1186px;
}
.height222{
  height: 222px;
}
.marginTop96{
  margin-top: 96px;
}
.font24{
  font-size: 24px;
}
.lineHight40{
  line-height: 40px;
}
.marginTop52{
  margin-top: 52px;
}
.lineHight70{
  line-height: 70px;
}
.paddingLeft80{
  padding-left: 80px;
}
.el-menu-item{
  line-height: 50px !important;
}
.width1400{
  width: 1400px;
}
.margin0150{
  margin: 0 150px;
}
.marginTop34{
  margin-top: 34px;
}
.marginTop45{
  margin-top: 45px;
}
.width388{
  width: 388px;
}
.height913px{
  height: 913px;
}
.bgFCFCFC{
  background: #FCFCFC;
}
.width1013{
  width: 1007px;
  float: right;
}
.lineHeight72{
  line-height: 36px;
}
.fontSize28{
  font-size: 28px !important;
}
.fontSize40{
  font-size: 40px !important;
}
.cupointer{
  cursor: pointer;
}
.lindeHeight36{
  line-height: 36px;
}
.color999{
  color: #999999;
}
.margin20{
  margin: 20px 0;
}
.paddingBottom46{
  padding-bottom: 46px;
}
.color0FC18A{
  color: #0FC18A;
}
.width1200{
  width: 1200px;
  margin: 0 auto;
}
.width750{
  width: 750px;
  margin: 0 auto;
}
.marginTop16{
  margin-top: 16px;
}
.lineHeight46{
  line-height: 46px;
}
.color666{
  color: #666666 !important;
}
.size384a360{
  width: 384px;
  height: 360px;
  background: #ffffff;
  padding: 10px;
  overflow: hidden;
}
body::-webkit-scrollbar { display: none; }
.element::-webkit-scrollbar { width: 0 !important }
.element { -ms-overflow-style: none; }
.element { overflow: -moz-scrollbars-none; }
.marginTop38{
  margin-top: 38px;
}
.size360a175{
  width: 360px;
  height: 175px;
}
.colorF15938{
  color: #F15938;
}
.colorF1F1F1{
  color: #f1f1f1;
}
.size14{
  width: 16px;
  height: 16px;
}
.marginTop10{
  margin-top: 10px;
}
.marginTop10{
  margin-top: 10px;
}
.margiTop118{
  margin-top: 118px;
}
.size154{
  width: 154px;
  height: 154px;
}
.margin073{
  margin-left: 73px;
}
.bgECEDEE{
  background: #ECEDEE;
}
.marginTop18{
  margin-top: 18px;
}
.fontSize24{
  font-size: 24px;
}
.padding073{
  padding: 0 73px;
}
.marginTop26{
  margin-top: 26px;
  font-size: 14px;
}
.marginBottom35{
  margin-bottom: 35px;
}
.paddingBottom35{
  margin-bottom: 35px;
}
.marginTop44{
  margin-top: 44px;
}
.bgF6F6F6{
  background: #f6f6f6;
}
.marginTop87{
  margin-top: 87px;
}
.marginTop75{
  margin-top: 75px;
}
.positionRelative{
  position: relative;
}
.positionAbsolute{
  position: absolute;
  right: 127px;
  top: 2px;
}
.borderF1F1F1{
  border: 1px solid rgba(241, 241, 241, 1)
}


// navTab开始
nav {
  border-bottom: 1px solid #ffffff1a;
}
.lineHeight57 {
  color: #c5c4c4;
  margin-right: 60px;
}
.lineHeight57:hover {
  color: #138782;
}
.el-select .el-input {
  width: 130px;
}
.input-with-select .el-input-group__prepend {
  background-color:transparent;
}
// navTab结束
.size269a131{
  width: 267px;
  height: 131px;
}
.size287a319{
  width: 287px;
  height:319px;
}
.itemContent{
  font-size:14px;
  font-family:SourceHanSansCN-Light;
  font-weight:300;
  color:rgba(102,102,102,1);
  line-height:24px;
  height:48px;
  overflow:hidden; /*内容超出宽度时隐藏超出部分的内容 */
  text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
  // white-space:nowrap; /*不换行 */
  line-clamp: 2;
}
.itemContent2{
  font-size:14px;
  font-family:SourceHanSansCN-Light;
  font-weight:300;
  color:rgba(102,102,102,1);
  line-height:24px;
  height:48px;
  // overflow:hidden; /*内容超出宽度时隐藏超出部分的内容 */
  text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
  // white-space:nowrap; /*不换行 */
  line-clamp: 2;
}
.marginTop100{
  margin-top: 100px;
}
.marginLeft120{
  margin-left: 120px;
}
.paddingLeft68{
  padding-left: 68px;
}
.margin0auto{
  margin: 0 auto;
}
.marginTop53{
  margin-top: 53px;
}
.size257{
  width: 257px;
  height: 257px;
}
.padding30a30{
  padding: 30px;
}
.lineHeight195{
  line-height: 195px;
}
.lineHeight160{
  line-height: 160px;
}
.marginTop24{
  margin-top: 24px;
}
.fontSize20{
  font-size: 20px;
}
.lineHeight40{
  line-height: 40px;
}
.fontSize12{
  font-size: 12px;
}
.lineHeight24{
  line-height: 24px;
}
.fontSize28{
  font-size: 28px !important;
}
.height400{
  height: 400px;
}
.size330a283{
  width: 330px;
  height: 283px;
}
.size75{
  width: 75px;
  height: 75px;
}
.borderRadius50{
  border-radius: 50%;
  overflow: hidden;
}
.marginLeft202{
  margin-left: 202px;
}
.marginTop70{
  margin-top: 70px;
}
.width1124{
  width: 1124px;
}
.borderLeft10{
  border-left: 10px solid #0FC18A;
}
.marginTop63{
  margin-top: 63px;
}
::-webkit-scrollbar{
  display:none;
}
.fontSize18{
  font-size: 18px;
}
.overEclipse{
  width: 100%;
  overflow:hidden; /*内容超出宽度时隐藏超出部分的内容 */
  text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
  white-space:nowrap; /*不换行 */
}
.heightClap2{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.size880367{
  width: 880px;
  height: 367px;
}
.height40{
  height: 40px;
  overflow: hidden;
}
.padding0a20{
  padding: 0 20px;
}
.size132a121{
  width: 132px;
  height: 121px;
}
.height20{
  height: 20px;
}
.height48{
  height: 38px;
}
.size107a113{
  width: 107px;
  height: 113px;
}
.fontSize17{
  font-size: 17px;
}
.colorFont{
  color:rgba(102,102,102,1);
}
.hieht38{
  height: 38px;
}
.lineHeight24{
  line-height: 24px;
}
.paddingBottom0{
  padding-bottom: 0;
}
.width1000{
  width: 1000px;
}
.width288{
  width: 288px;
}
.width812{
  width: 800px;
}
.size100 {
  width: 100px;
  height: 100px;
}